{extend name="base"/}
{block name="content"}
  <div class="wrapper">
    <div class="page-banner"><img src="__THEMES__/img/about-banner.jpg"/></div>
      <div class="topic">
          <div class="container">
              <div class="row">
                  <ol class="breadcrumb hidden-xs">
                      <li><a href="{:url('tcms/index/index')}">首页</a></li>
                      <li class="active">关于我们</li>
                  </ol>
              </div>
          </div>
      </div>
      <div class="container">
          <div class="row">
              <div class="col-sm-7">
                  <h3 class="first-child"><span>关于tcms</span></h3>
                  <p>
                      tcms是一款基于TPFrame 6.x开源框架而开发的cms插件，集图片、视频、文章、单页、商城、用户等为一体的综合系统，基于tpframe的扩展性，你可以开发不同层面的内容管理系统；程序100%开源，你可以进行任意的开发与扩展，同时丰富的插件市场提供你大量的免费插件使用，免去你大量的开发成本...
                      <br><br>
                  </p>
                  <a class="btn-animate btn-style btn-d btn-primary" href="{:url('tcms/index/contact')}">联系我们</a>
                  <br><br>
              </div>
              <div class="col-sm-5">
                  <div id="portfolio-slideshow" class="carousel slide" data-ride="carousel">
                      <ol class="carousel-indicators">
                          <li data-target="#portfolio-slideshow" data-slide-to="0" class="active"></li>
                          <li data-target="#portfolio-slideshow" data-slide-to="1"></li>
                          <li data-target="#portfolio-slideshow" data-slide-to="2"></li>
                      </ol>
                      
                      <div class="carousel-inner">
                          <div class="item active">
                              <img src="__THEMES__/img/about1.jpg" class="img-responsive" alt="...">
                          </div>
                          <div class="item">
                              <img src="__THEMES__/img/about1.jpg" class="img-responsive" alt="...">
                          </div>
                          <div class="item">
                              <img src="__THEMES__/img/about1.jpg" class="img-responsive" alt="...">
                          </div>
                      </div>
                                  
                      <a class="carousel-arrow carousel-arrow-prev" href="#portfolio-slideshow" data-slide="prev"><i class="fa fa-angle-left"></i></a>
                      <a class="carousel-arrow carousel-arrow-next" href="#portfolio-slideshow" data-slide="next"><i class="fa fa-angle-right"></i></a>
                  </div>
              </div>
          </div>
          <div class="row our-team-p">
              <div class="col-sm-12">
                  <h3 class="headline"><span>我们的团队</span></h3>
                  <div class="row">
                      <div class="col-xs-12 col-sm-3 col-md-3">
                          <div class="team-member text-center">
                              <img class="img-responsive center-block" src="__THEMES__/img/team/team1.jpg" alt="...">
                              <div class="info">
                                  <h3><strong>Norman</strong></h3>
                                  <p class="text-muted">PHP开发工程师</p>
                                  
                              </div>
                          </div>
                      </div>
                      <div class="col-xs-12 col-sm-3 col-md-3">
                          <div class="team-member text-center">
                              <img class="img-responsive center-block" src="__THEMES__/img/team/team2.jpg" alt="...">
                              <div class="info">
                                  <h3><strong>Hoter</strong></h3>
                                  <p class="text-muted">Android,Ios开发工程师</p>
                                  
                              </div>
                          </div>
                      </div>
                      <div class="col-xs-12 col-sm-3 col-md-3">
                          <div class="team-member text-center">
                              <img class="img-responsive center-block" src="__THEMES__/img/team/team3.jpg" alt="...">
                              <div class="info">
                                  <h3><strong>Jeff</strong></h3>
                                  <p class="text-muted">产品经理，前端工程师</p>
                                  
                              </div>
                          </div>
                      </div>
                      <div class="col-xs-12 col-sm-3 col-md-3">
                          <div class="team-member text-center">
                              <img class="img-responsive center-block" src="__THEMES__/img/team/team4.jpg" alt="...">
                              <div class="info">
                                  <h3><strong>Amanda</strong></h3>
                                  <p class="text-muted">APP视觉设计师</p>
                                  
                              </div>
                          </div>
                      </div>
                  </div> 
              </div>
          </div>
      </div>
  </div>
<script type="text/javascript">
  $(function(){
  var myElement=document.getElementById('portfolio-slideshow');
  var hm=new Hammer(myElement);
      hm.on("swipeleft",function(){
          $('#portfolio-slideshow').carousel('next');
      });
      hm.on("swiperight",function(){
          $('#portfolio-slideshow').carousel('prev');
      });
  });
  </script>
{/block}